﻿<html>
<head>
    <title>ToolTip - jQuery MiniUI 3.0 Documentation</title>    

    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta name="keywords" content="jquery,datagrid,grid,表格控件,ajax,web开发,java开发,.net开发,tree,table,treegrid" />
    <meta name="description" content="jQuery MiniUI - 专业WebUI控件库。jQuery MiniUI是使用Javascript实现的前端Ajax组件库，支持所有浏览器，可以跨平台开发，如Java、.Net、PHP等。" />

    <link href="css/common.css" rel="stylesheet" type="text/css" />
    <script src="core.js" type="text/javascript"></script>
</head>
<body>
    <h3>mini.ToolTip</h3>
    
    <p>提示框控件。</p>

    <h4>Extend</h4>
    <p> <a class="extendlink" href="control.html">mini.Control</a></p>    

    <h4>Usage</h4>
    <p> </p>    

    <h4>Properties</h4>
    <table>
        <tr><th>Name</th><th>Type</th><th>Description</th><th>Default</th><th><a href="setsupport.html" target="_blank" style="padding-left:5px;padding-right:5px;"> Set? </a></th><th><a href="getsupport.html" target="_blank" style="padding-left:5px;padding-right:5px;"> Get? </a></th><th><a href="tagsupport.html" target="_blank" style="padding-left:5px;padding-right:5px;"> Tag? </a></th></tr>
        <tr>
            <td>placement</td>
            <td>String</td>
            <td>提示框位置。left|top|right|bottom|topleft|topright|bottomleft|bottomright</td>  
            <td>bottom</td>
            <td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td>
        </tr>
        <tr>
            <td>selector</td>
            <td>String</td>
            <td>激发提示框的选择器。常用: "[data-tooltip], [title]"</td>
            <td></td>
            <td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td><td style="text-align:center;">&radic;</td>
        </tr>
       
    </table>

    <h4>Methods</h4>
    <table>
        <tr><th>Name</th><th>Parameter</th><th>Description</th><th>Return</th></tr>
        <tr>
            <td>setContent（String）</td>
            <td></td>
            <td>设置提示框内容。</td>
            <td></td>
        </tr>
        <tr>
            <td>showLoading（）</td>
            <td></td>
            <td>显示loading图标。</td>
            <td></td>
        </tr>
    </table>

    <h4>Events</h4>
    <table>
        <tr><th>Name</th><th>EventObject</th><th>Description</th></tr>       
        <tr>
            <td>beforeopen</td>
            <td>
<pre>
{
    sender: Object,
    element: Element, //当前显示提示框的元素
    content: String,  //当前要显示的内容
    cancel: Boolean   //是否取消显示
}
</pre>            
            </td>
            <td>提示框显示前发生</td>            
        </tr>
        <tr>
            <td>open</td>
            <td>
<pre>
{
    sender: Object,
    element: Element //当前显示提示框的元素
}
</pre>                    
            </td>
            <td>提示框显示时发生</td>            
        </tr>
        <tr>
            <td>close</td>
            <td></td>
            <td>提示框隐藏时发生</td>            
        </tr>
    </table>

    
</body>
</html>
